Je nach Aufruf dieser Datei zeigt diese ein unterschiedliches aussehen. Verantwortlich dafür ist eine JavaScript Programmierung welche ein CSS-File integriert. Aussehen.

In der obigen Menüzeile kann diese Datei über die Punkte: [ohne css], [K-CSS], [S-CSS], [A-CSS] und [T-CSS] aufgerufen werden. Je nach Aufruf integriet ein kleines JavaScript eine unterschiedliche CSS Datei. Folgende Besonderheiten sind erkennbar:

• [ohne css] Darstellung wie vom Browser vorgeschlagen, ohne Unterstützung einer CSS-Datei
• [K-CSS] Für die elektronischen Kursunterlagen verwendeten CSS-Informationen. Der Drucker und der Bildschirm erhalten unterschiedliche Formatierungen.
• [Kb-CSS] Gleiche Bildschirmformatierungen wie K-CSS jedoch keine unterschiede am Drucker.
• [S-CSS], [A-CSS] und [T-CSS] unterscheiden sich lediglich in den verwendeten Farben.

<h1> Heading 1</h1>

<h2> Heading 2</h2>

<h3> Heading 3</h3>

<h4> Heading 4</h4>

<h5> Heading 5</h5>

<h6> Heading 6</h6>

<p>Demgegenüber steht der normale Text.</p>

Physikalische Textauszeichnung 

Nicht Absatzerzeugend. Bei der Physikalischen Textauszeichnung ist der Browser für die Darstellung am Bildschirm verantwortlich. Diese Formatierungen können mit CSS übersteuert werden. In den meissten Fällen macht dies aber nicht viel Sinn.

<p> paragraph, Absatz. Normaler Text.</p>
<b> bold, fett geschriebener Text</b>
<i> italic, kursiv geschriebener Text</i>
<u> underline, unterstrichen geschriebener Text</u>
<strike> durchgestrischen geschriebener Text</strike>
<big> grösser geschriebener Text</big>
<small> schmaler geschriebener Text</small>
<s> Strikethourgh, durchgestrichener Text</s>
Zur Verwendung von chemischen Formeln, Massenangaben und anderen Zeichen: m³ oder H₂O existiert Superscript ³ und Subscript ₂. Hoch- und tiefgestellt. Möglicherweise wird durch die Verwendung dieser Codierung der normale Zeilenabstand vergrössert.

Logische Textauszeichnung 

Nicht Absatzerzeugend. Die logische Textauszeichnung wird ohne Verwendung von CSS in den meisten Browsern einheitlich dargestellt. Der Einsatz einer Formatierung mit CSS ist angebracht.

In runden Klammern ist der in diesem Projekt angewendete Verwendungszweck aufgeführt.

<abbr> Abkürzung</abbr>
<acronym> Akronym (Initialwort, jeweils erster Buchstabe mehrerer Worte)</acronym>
<address> Adresse</adress>
<au> Beispiel</au> (Bedienung im Programm)
<cite> Zitat (Untergeordnete Erklärungen)</cite>
<code> Text für Quellcode (Code von Webseiten oder Programmen, alte Version)</code>
<del> Gelöschter Text</del>
<dfn> Definition (Zu erledigende Aufgaben) </dfn>
<em> emphatisch, betont (Warnungen, Hinweise)</em>
<ins> Eingefügter Text</ins>
<kbd> über Keyboard einzugebender Text</kbd>
<lang> Lang</lang>
<person>Person</person>
<q> Quote / Zitat</q>
<samp> Sample. Beispieltext</samp>
<span> Sample. Beispieltext</span>
<strong>, stark betont; Allgemeine Hervorhebung</strong>
<tt> Teletyper. Dicktenglleicher Text<tt>
<var> Variabel (Daten aus Datenbank)<var>

Logische Textauszeichnung 

Absatzerzeugend

<blockquote> Geblocktes Zitat(Einführungstexte am Seitenbeginn)</blockquote>

<pre>Preformatierter Text(Code von Webseiten oder Programmen, neue Version)</pre>

Tabellen

Fensteraufbau

Listen

ordered list, Nummerierungen

1. Der Boss hat immer recht
2. Sollte er mal nicht recht haben, tritt automatisch Nr.1 in Kraft

unordered list, Bullet-Listen

• Bullet-Liste
• List Item

Menü Liste (nur einzeilig)

dir Liste

Glossar

HTML

Seitenbeschreibungssprache, einfache Befehle zur Darstellung von Text, Tabellen und Verweisen. Ohne Anspruch auf Farbechtheit oder Pixelpräzision.

CSS

Formatierungsbefehle für HTML-Tag's. Reduziert die Dateigrösse durch Formatdefinition in externen Dateien. Ebenso wird die Korrektur des Layout vereinfacht.

JavaScript

Programmiersprache für den Clientseitigen Einsatz. Geeignet für die Prüfung von Formulareingaben oder die Erzeugung von Dynamischen Effekten. Dies wird oft in Zusammenhang mit CSS realisiert.

Die Frontpage-Formatvorlagen

In Frontpage werden wie in Word Formatvorlagen verwendet. Nicht immer ist jedoch ganz klar welche Formatvorlage welchem Tag entspricht. Hier die Auflösung: (Vorsicht, die Formatierung ist vom CSS abhängig!) Frontpage erlaubt das verwenden von CSS-Klassen.

Dieser Text ist formatiert.

Zeichenformate in Frontpage

Unterstichen	Test	<u></u>		Kapitälchen	Test	*2		Beispiel	Test	<samp></samp>
Durchgestrichen	Test	<strike></strike>		Grossbuchstaben	Test	*3		Definition	Test	<dfn></dfn>
Überstrichen	Test	*1		Initalen gross	Test	*4		Zitat	Test	<cite></cite>
Blinken	Test	<blink></blink>		Verborgen	Test	*5		Variable	Test	<var></var>
Hochgestellt	Test	<sup></sup>		Betont	Test	<strong></strong>		Tastatur	Test	<kbd></kbd>
Tiefgestellt	Test	<sub></sub>		Hervorgehoben	Test	<em><em>		Code	Test	<code></code>

Mit Stern (*) gekennzeichnete Elemente sind spezielle Formatierungen welche mit CSS nicht direkt beeinflusst werden können.

*1 <span style="text-decoration: overline"></span>

*2 <span style="font-variant: small-caps"></span>

*3 <span style="text-transoform: uppercase"></span>

*4 <span style="text-transoform: capitalize"></span>

*5 <span style="visibility: hidden"></span>

Die Klassen

In diesem Abschnitt sind die im Logisch-Web verwendeten Klassen mit Beispiel aufgelistet.

Einzelne Worte

• Ein Eintrag im Lexikon.
• Link auf eine fremde Seite
• Link auf eine eigene Seite

Abschnitte

Randbemerkungen

Mit Hilfe kleiner Rahmen am rechten Bildschirmrand werden die Leser auf kleine Bemerkungen aufmerksam gemacht.